<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html> 
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> 
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> 
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]--> 
<!-- BEGIN HEAD --> 
<head> 
	<title>抽奖结果 - Bone</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" /> 
	<%@ include file="/common/css.jsp"%>
	<link href="${ctx}/resource/css/promo.css" rel="stylesheet" type="text/css"/> 
	<link href="${ctx}/resource/css/animate.css" rel="stylesheet" type="text/css"/> 
	<style type="text/css">
		.item_1 {background-color:rgba(245, 209, 164, 0.38);}
		.item_2 {background-color:rgba(243, 172, 187, 0.27);}
		.item_3 {background-color:rgba(201, 248, 195, 0.53);}
		.item_4 {background-color:rgba(245, 184, 171, 0.31);}
		.item_5 {background-color:rgba(240, 242, 165, 0.58);}
		.item_6 {background-color:rgba(255, 224, 250, 0.84);}
		.item_7 {background-color:rgba(71, 55, 221, 0.13);}		
		.table td {line-height: 45px;}
		.avatar {width:43px;height:43px; border-radius:50px ! important;}
	</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed page-full-width">
	<!-- BEGIN HEADER -->
	<%@ include file="/common/header.jsp"%>

	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div class="page-container row-fluid"  >
		<!-- BEGIN PAGE -->
		<div class="page-content no-min-height" >
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid promo-page">
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<div class="row-fluid " style="">
							 
							<div class="span2"></div>
							<div class="span8">
				<h3 class="page-title">抽奖</h3>
				<ul class="breadcrumb">
					<li><i class="icon-home"></i> <a href="/bone/index.do">首页</a>
						<i class="icon-angle-right"></i></li>
					<li><i class="icon-home"></i> <a href="/bone/lottery/index.do">抽奖系统</a>
						<i class="icon-angle-right"></i></li>
					<li><a href="#">${lotteryEvent.title}</a></li>
				</ul>
								<!-- BEGIN SAMPLE TABLE PORTLET-->
								<div class="portlet box red">
									<div class="portlet-title">
										<div class="caption"><i class="icon-cogs"></i>抽奖结果</div>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
										</div>
									</div>
									<div class="portlet-body" >
										<table id="result" class="table table-hover">
											<thead>
											<tr >
												<th style="min-width:60px">奖项</th>
												<th>头像</th>
												<th>姓名</th>
												<th>mySingle</th>
												<th>手机号</th>
											</tr>
											</thead>
											<tbody>
											<c:forEach items="${resultDtoList}" var="rec"  varStatus="status">
												<tr class="item_${rec.orderNum }">
													<td>
															<c:choose>  
															    <c:when test="${fn:length(rec.lotteryName) > 10}">  
															        <vs:escape value="${fn:substring(rec.lotteryName, 0, 10)}..."	/> 
															    </c:when>  
															   <c:otherwise>  
															         <vs:escape value="${rec.lotteryName}"/> 
															    </c:otherwise>  
															</c:choose>  
													</td>
													<td>
														<img alt="${rec.uid }" src="${ctx }${rec.userImage }" class="avatar">
													</td>
													<td>
														<vs:escape value="${rec.name }" />
													</td>
													<td>
														<vs:escape value="${rec.uid }" />
													</td>
													<td>
														<vs:escape value="${rec.mobile }" />
													</td>
												</tr>
											</c:forEach>
											</tbody>
										</table>
												
										
									</div>
								</div>
							</div>
							
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
		</div>
		<!-- END PAGE CONTAINER-->
	</div>
	<!-- END PAGE -->
	<!-- END CONTAINER -->
	
	<!-- BEGIN FOOTER1 -->
	<%@ include file="/common/footer.jsp"%>
	<!-- END FOOTER -->
	
	<!-- BEGIN JAVASCRIPTS -->
	<%@ include file="/common/js.jsp"%>
	<script src="${ctx}/resource/js/app.js"></script>
	<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>